<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>出行规划</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/all_css.css" />
		<link rel="stylesheet" type="text/css" href="css/weui/base.css" />
		<link rel="stylesheet" type="text/css" href="lib/weui.css" />
		<link rel="stylesheet" type="text/css" href="css/weui/jquery-weui.css" />
		<style type="text/css">
			body {
				background-color: #F2F2F2;
			}
			
			.cxgh_head {
				height: 70px;
				background-color: #3385FF;
				padding: 25px 20px;
				max-width: 640px;
				min-width: 320px;
				width: 100%;
				margin: 0px auto;
				position: fixed;
				top: 0px;
				/*层级低于所有页面遮罩层*/
				z-index: 98;
			}
			
			#baiduCxgh_main {
				max-width: 640px;
				min-width: 320px;
				width: 100%;
				margin: 0px auto;
				padding-bottom: 60px;
			}
			
			.app_head_left {
				float: left;
				width: 30%;
				padding-left: 6px;
				padding-top: 6px;
			}
			
			.app_head_left a {
				color: #FFFFFF;
				font-size: 1.5em;
				font-weight: bold;
			}
			
			.app_head_mid {
				float: left;
				width: 40%;
				padding-top: 5px;
			}
			
			#app_head_title {
				text-align: center;
				color: #FFFFFF;
				font-size: 1.6em;
				font-family: "宋体";
				font-weight: bold;
			}
			
			.tourmain_mid ul li {
				height: 80px;
				border-bottom: 1px solid #DEDEDE;
				padding: 8px;
			}
			
			.tourmain_mid ul li h2 {
				height: 60%;
				line-height: 40px;
				color: #017FD6;
				font-weight: bold;
				font-size: 1.3em;
			}
			
			.tourmain_mid ul li p {
				color: #666666;
				white-space: nowrap;
				/* 不换行 */
				overflow: hidden;
				/* 内容超出宽度时隐藏超出部分的内容 */
				text-overflow: ellipsis;
				/* 当对象内文本溢出时显示省略标记 */
			}
			
			#cxghIframe {
				border: none;
				margin-top: 18px;
			}
			/*----底部----*/
			
			footer {
				background-color: #DCDCDC;
				max-width: 640px;
				min-width: 320px;
				margin: 0px auto;
			}
			
			footer li a {
				border-right: 1px solid #B1B1B1;
				height: 65%;
			}
			
			.iconFoot {
				width: 35px;
			}
			
			footer label {
				color: #686868;
				position: relative;
				top: -13px;
				font-size: 1.1em;
			}
			
			#returnIndexLable {
				position: relative;
				top: -7px;
			}
			
			#returnIndexPic {
				position: relative;
				top: 3px;
			}
			
			#common-bottombanner-widget-fis {}
		</style>
		<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=MMh4H9m5FLBpizlht86GnGynuaM0oGKz"></script>
	</head>

	<body ontouchstart>

		<div id="baiduCxgh_main">
			<div class="cxgh_head" id="firTitle">
				<div class="app_head_left">
					<a href="javascript:history.go(-1)" class="iconfont">&#xe6d4;</a>
				</div>
				<div class="app_head_mid">
					<p id="app_head_title">出行规划</p>
				</div>
			</div>
			<iframe id="cxghIframe" name="cxgh" src="http://map.baidu.com/mobile/webapp/index/index/qt=cur&wd=%E9%95%BF%E6%98%A5%E5%B8%82&from=maponline&tn=m01&ie=utf-8=utf-8/tab=line/?fromhash=1#index/index/qt=cur&wd=%E9%95%BF%E6%98%A5%E5%B8%82&from=maponline&tn=m01&ie=utf-8=utf-8/tab=line" width="100%" height="100%" scrolling="no"></iframe>
			<footer>
				<li>
					<a href="index01.html">
						<img src="img/cxgh/returnIndexBtn.png" style="width: 30px;" id="returnIndexPic" />
						<label id="returnIndexLable">回首页<label>
				   </a>
			    </li>
				<li>
					<a href="cxgh_line.html">
						<img src="img/cxgh/Icon_line.png" class="iconFoot" />
						<label>查公交<label>
				    </a>
			    </li>
			   
			    <li>
				    <a href="subway.html" style="border: none;">
					    <img src="img/cxgh/Icon_subway.png" class="iconFoot" />
					    <label>查地铁</label>
					</a>
				</li>
			</footer>
		</div>

		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/weui/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				var allHeight = document.documentElement.clientHeight;
				$("#baiduCxgh_main").height(allHeight - 70);
				var str = "https://map.baidu.com/mobile/webapp/search/search/qt=wse&wd=%E9%BA%A6%E5%BD%93%E5%8A%B3(%E5%90%8C%E5%BF%97%E8%A1%97%E5%BA%97)&from=maponline&tn=m01&ie=utf-8&ptx=13951794.11&pty=5417309.69&wd2=%E9%95%BF%E6%98%A5%E5%B8%82%E6%9C%9D%E9%98%B3%E5%8C%BA&name=%E6%88%91%E7%9A%84%E4%BD%8D%E7%BD%AE&c=53&sc=53&ec=53&isSingle=true&wsetp=1&sn=1%24%24%24%2413951794.11%2C5417309.69%24%24%E6%88%91%E7%9A%84%E4%BD%8D%E7%BD%AE%24%240%24%24%24%24&version=3/tab=line&routeType=3&vt=map&traffic=off&evtson=off&universalLinkCbkTag=1";
				str = decodeURI(str);
				console.log(str);
			});
			//			window.onload = function() {
			//				setTimeout(loading, 3000);
			//			};
			//			var loading = function() {
			//				var iframeUrl = document.getElementById("cxghIframe").contentWindow.location;
			//				var urlStr = iframeUrl;
			//
			//				//	urlStr = decodeURI(urlStr);
			//				console.log(urlStr);
			//				//				console.log(aa);
			//
			//			};
		</script>
	</body>

</html>